//out:../css/
@import "/css/reset.css";
@import "/css/common.css";
/* 统一设置 */
a {
    color: #41ac52;
}

/* 统一设置结束 */

.container{
    width: 300px;
    height: 300px;
    padding: 30px 10px 10px 10px;
    line-height: 2;
    color: #9b9b9b;
    box-sizing: border-box;
    position: relative;
    // background-color: #42bd56;
    &::before{
        content:'';
        width: 30px;
        height: 30px;
        background: url(/img/icon-pc.png) no-repeat top/30px;
        position: absolute;
        top: 8px;
        right: 8px;
      }

   .login{
       .switch-menu{
            border-bottom: 1px solid #ececec;
            display: flex;
            font-size: 13px;
            span{
                width: 50%;
                text-align: center;
                cursor: pointer;
            }
            .select{
                font-weight: bold;
                color: #333;
                border-bottom: 1px solid #494949;
                margin-bottom: -1px;
            }
            
        }
        .form-item{
            margin: 10px 0;
            font-size: 13px;
            color: #333;
            padding-left: 10px;
            padding-right: 10px;
            border: 1px solid #e4e6e5;
            line-height: 34px;
            border-radius: 3px;
            
            p{
                font-size: 12px;
             }
         }
         .form-item2 {
            span{
                display: inline-block;
                width: 51px;
                height: 26px;
                color: #333;
                font-weight: bold;
                font-size: 15px;
                text-align: center;
                border-right: 1px solid #ececec;
                cursor: pointer;
            }
            .choose-area{
                position: fixed;
                top: 0;
                left: 0;
                z-index: 3;
                width: 100%;
                height: 100%;
                background-color: rgba(255,255,255,0.5);
                .center{
                    width: 285px;
                    height: 225px;
                    position: absolute;
                    box-sizing: border-box;
                    border: 1px solid #bbb;
                    border-radius: 5px;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                     margin: auto;
                    .title{
                        height: 42px;
                        line-height: 42px;
                        background: #ebf5eb;
                        text-align: left;
                        padding-left: 10px;
                        color: #060;
                        font-weight: bold;
                    }
                    .iconfont{
                        position: absolute;
                        color: #42bd56;
                        font-weight: 700;
                        top: 94px;
                        left: 60px;
                    }
                    ul{
                        height: 180px;
                        overflow: auto;
                        padding: 10px;
                        box-sizing: border-box;
                        li{
                            display: flex;
                            height: 38px;
                            line-height: 38px;
                            justify-content: space-between;
                            border-bottom: 1px solid #e5e5e5;
                            margin-right: 10px;
                            &:first-child{
                                border-top: 1px solid #e5e5e5;
                            }
                           span{
                            font-size: 14px;
                            border: none;
                            &:last-child{
                                color: #aaa;
                                font-weight: normal;
                               }
                           }
                           
                        }
                        .select{
                            color: #42bd56;
                            .sel{
                               color: inherit;
                            }
                        } 
                    }
                }
            }
         }
        
        .form-item3 a{
            float: right;
        }
        button{
            width: 280px;
            height: 34px;
            border-radius: 3px;
            padding-right: 0;
            background-color: #41ac52;
            color: #fff;
        }
        
        .form-item4 {
            color: black;
        }
        .form-item5{
            border-top: 1px solid #ececec;
            margin-top: 10px;
            width: 280px;
            height: 34px;
            line-height: 34px;
            span{
                font-size:11px;
                color: rgb(155,155,155);
            }
            .icon-weixin {
                color: #34950E;
            }
            .icon-weibo {
                color: #EA5D5C;
            }
        }
    } 
    .qrcode{
        font-size: 13px;
        color: #333;
        .title{
            border-bottom: 1px solid rgb(236, 236, 236);
        }
        .code{
            text-align: center;
            margin-top: 20px;
            img{
                width: 170px;
                height: 170px;
            }
        }
        .tip{
            margin-left: 48px;
            margin-top: -2px;
            width: 183px;
            text-align: center;
            border-radius:20px;
            background-color: rgba(0,0,0,.08);;
        }
    }

}